<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>${member.name}:我的流浪书屋</title>
		<link type="text/css" rel="stylesheet" href="css/MySpace.css">
	</head>
	<body>

		<%@  include file="top.jsp"%>
		<div id="MIDDLE">
			<!--左侧-->
			<div id="LEFT">
				<div class="leftTitle">
					流浪书屋
				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="${CONTEXT_ROOT}/OrderServlet?method=boughtList">购买过的书</a>
						</li>
						<li>
							<a href="${CONTEXT_ROOT}/shoppingCart.jsp">我的购物车</a>
						</li>
					</ol>
				</div>
				<div class="leftTitle">
					我的资料

				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="${CONTEXT_ROOT}/MySpaceServlet?method=info">个人信息</a>
						</li>
						<li>
							<a href="${CONTEXT_ROOT}/MySpaceServlet?method=preupdateInfo">修改资料</a>
						</li>
						<li>
							<a href="${CONTEXT_ROOT}/MySpaceServlet?method=preupdatepw">修改密码</a>
						</li>
					</ol>
				</div>
				<div class="leftTitle">
					图书订单

				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="${CONTEXT_ROOT}/OrderServlet?method=orderList">订单列表</a>
						</li>
						<li>
							<a href="#"> 退货申请</a>
						</li>
					</ol>
				</div>

				<div class="leftTitle">
					我的帐户
				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="#">我的积分</a>
						</li>
						<li>
							<a href="#"> 我的优惠券</a>
						</li>
					</ol>
				</div>
				<div class="leftTitle">
					个性定制

				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="#">私人空间 </a>
						</li>
						<li>
							<a href="#"> 兴趣 </a>
						</li>
					</ol>
				</div>
			</div>
			<!--右侧-->
			<div id="RIGHT">

				<!-- 买过的书 -->
				<div id="RIGHT">
					<div
						style="width: 762px; float: left; text-align: left; height: 28px; font-size: 14px; vercial-align: middle;">
						流浪书屋--购买过的书
					</div>
					<div style="float: left; font-size: 13px; width: 100px;">

						<a href="javascript:history.go(-1);">返回</a>

					</div>
					<table width="862px" cellspacing="0" cellpadding="0" border="1"
						bordercolor="#C1DAD7" bgcolor="#CAE8EA" height="25px">
						<tr align="center">
							<th width="10%">
								图书编号
							</th>
							<th width="25%">
								书名
							</th>
							<th width="10%">
								数量
							</th>
							<th width="15%">
								单价
							</th>
							<th width="20%">
								购买时间
							</th>
							<th width="10%">
								订单编号
							</th>
						</tr>
						<c:forEach items="${bookList}" var="orderVO">
							<tr align="center" class="noticeContent"
								onmousemove="this.className='on'"
								onmouseout="this.className='noticeContent'">
								<td width="10%">
									${orderVO.bookId}
								</td>

								<td width="25%">
									${orderVO.bookName}
								</td>
								<td width="10%">
									${orderVO.bookAmount}
								</td>
								<td width="20%">
									${orderVO.bookPrice}
								</td>
								<td width="25%">
									${orderVO.orderSumitDate}
								</td>
								<td width="10%">
									${orderVO.orderId}
								</td>
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>
		</div>
		<%@  include file="bottom.jsp"%>
	</body>
</html>